<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"> 
    <!--
    Author Lu Xiaodi
    -->
    <h:head> 
        <title>Non-Deliverable Meal Purchase</title>

        <style type="text/css"> 

            .gritter-notice-wrapper { 
                left:200px; 
                top:50px; 
            } 
            
            .order-table{   
                border-collapse:collapse;
            }

            .order-table-header{
                text-align:center;
                background:none repeat scroll 0 0 #E5E5E5;
                border-bottom:1px solid #BBBBBB;
                padding:16px;
            }

            .order-table-odd-row{
                text-align:center;
                background:none repeat scroll 0 0 #FFFFFFF;
                border-top:1px solid #BBBBBB;
            }

            .order-table-even-row{
                text-align:center;
                background:none repeat scroll 0 0 #F9F9F9;
                border-top:1px solid #BBBBBB;
            }

.center{
    margin-left:auto; margin-right:auto;
    font-size: large;
}    
        </style> 
        


    </h:head> 
    <h:body>    
        <p:breadCrumb>  
            <p:menuitem value="" url="index.xhtml" />
            <p:menuitem value="Table Booking" url="TableBooking.xhtml" />  
            <p:menuitem value="Non-Deliverable Meal Purchase" url="MealPurchase.xhtml" />  
            <p:menuitem value="Deliverable Meal Purchase" url="deliverableMealPurchase.xhtml" />  
            <p:menuitem value="Group Buying Item" url="GroupBuying.xhtml"/>

        </p:breadCrumb>  
        <h2> Dear <h:outputText value="#{fakeMainPortalMB.customerEmail}"/> Welcome to <h:outputText value="#{fakeMainPortalMB.outletName}"/>  </h2>

        <!--1-->
        <h:form style="background-color:#EEF3E2">
            <br/>
            <h3 align="center">Normal Menu    -- Ala Carte Menu</h3>
                <p:dataTable value="#{FoodOrderManagerBean.getAlaCarte()}" var="o"
                             styleClass="order-table">
                    <p:column>
                        <f:facet name="header">Name</f:facet>
    			#{o.item_name}
                    </p:column>
                    <p:column>
                        <f:facet name="header">Price</f:facet>
                        <h:outputText value="#{o.item_price}" >
                            <f:convertNumber type="currency" />
                        </h:outputText>
                    </p:column>
                    <p:column>
                        <f:facet name="header">Quantity</f:facet>
                        <h:inputText id="QtyNrmAlaCarte" maxlength="3" size ="3" value="#{o.item_quantity}"/>
                    </p:column>
                </p:dataTable>
        <!--2-->
            <h3 align="center">Normal Menu    -- Set Menu</h3>
                <p:dataTable value="#{FoodOrderManagerBean.getSetMeals()}" var="o"
                             styleClass="order-table">
                    <p:column>
                        <f:facet name="header">Name</f:facet>
    			#{o.item_name}
                    </p:column>

                    <p:column>
                        <f:facet name="header">Price</f:facet>
                        <h:outputText value="#{o.item_price}" >
                            <f:convertNumber type="currency" />
                        </h:outputText>
                    </p:column>

                    <p:column>
                        <f:facet name="header">Quantity</f:facet>
                        <h:inputText id="QtyNrmSet" maxlength="3" size ="3" value ="#{o.item_quantity}"/>
                    </p:column>
                </p:dataTable>
        <!--3-->
                    <h3 align="center">Promotional Meal    -- Ala Carte Menu</h3>
                <p:dataTable value="#{FoodOrderManagerBean.getPromotionalAlaCarte()}" var="o"
                             styleClass="order-table">
                    <p:column>
                        <f:facet name="header">Name</f:facet>
    			#{o.item_name}
                    </p:column>
                    <p:column>
                        <f:facet name="header">Price</f:facet>
                        <h:outputText value="#{o.item_price}" >
                            <f:convertNumber type="currency" />
                        </h:outputText>
                    </p:column>
                    <p:column>
                        <f:facet name="header">Quantity</f:facet>
                        <h:inputText id="QtyPromoAlaCarte" maxlength="3" size ="3" value ="#{o.item_quantity}"/>
                    </p:column>
                </p:dataTable>
        <!--4-->
                            <h3 align="center">Promotional Meal    -- Set Menu</h3>
                <p:dataTable value="#{FoodOrderManagerBean.getPromotionalSetMeals()}" var="o"
                             styleClass="order-table">
                    <p:column>
                        <f:facet name="header">Name</f:facet>
    			#{o.item_name}
                    </p:column>
                    <p:column>
                        <f:facet name="header">Price</f:facet>
                        <h:outputText value="#{o.item_price}" >
                            <f:convertNumber type="currency" />
                        </h:outputText>
                    </p:column>

                    <p:column>
                        <f:facet name="header">Quantity</f:facet>
                        <h:inputText id="QtyPromoSet" maxlength="3" size ="3" value ="#{o.item_quantity}"/>
                    </p:column>
                </p:dataTable>
            <p:commandButton id="submit" value="Confirm" action="confirmationNonDeliverable.xhtml?faces-redirect=true" />
        </h:form>
    </h:body>
</html>